<%@ page contentType="text/html" pageEncoding="UTF-8" session="false"
	trimDirectiveWhitespaces="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="contextPath"
	value="${pageContext.servletContext.contextPath }" />
<!doctype html>
<html lang="nl">
<head>
<title>Pizza's Luigi - pizza's</title>
<link rel="stylesheet" href="${contextPath}/styles/default.css" />
</head>
<body>
	<c:import url="/WEB-INF/JSP/menu.jsp" />
	<h1>
		Onze pizza's
		<c:forEach begin="1" end="${sterren}">&#9733;<%-- dit is de html code van een ster --%>
		</c:forEach>
	</h1>
	<ul class="zebra">
		<c:forEach var="pizza" items="${pizzas}" varStatus="status">
			<li class="${status.count % 2 == 0 ? 'even':'oneven'}">
				${pizza.nummer}: ${pizza.naam} ${pizza.prijs}&euro; ${pizza.pikant ? "pikant" : "niet pikant"} 
				<c:url value="/pizzas/detail.htm" var="detailURL">
					<c:param name="nummer" value="${pizza.nummer}" />
				</c:url> &nbsp;<a href="${detailURL}">Detail</a>
				<c:if test="${pizzaNummersMetFoto.contains(pizza.nummer) }">
				<c:url value="/pizzafotos/${pizza.nummer }.jpg" var="fotoURL"/>
				<a href="${fotoURL }">Foto</a>
				</c:if>
			</li>
		</c:forEach>
	</ul>
</body>
</html>